<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>管理员管理</title>
		<link rel="stylesheet" type="text/css" href="css/xtsz5.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box">
					<a href="xtsz.html">平台设置</a>
				</div>
				<div class="l-box">
					<a href="xtsz3.html">角色管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz4.html">角色权限管理</a>
				</div>
				<div class="l-box in">
					<a href="xtsz5.html">用户管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz7.html">操作日志</a>
				</div>
				<div class="l-box">
					<a href="xtsz8.html">部门管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<div class="xiugai"	>
						<header>添加管理员</header>
						<form action="" method="post" style="padding-left: 30px; padding-bottom: 30px;">
							<div class="s-one"><span>账号:</span>
									<input type="text" name="" id="input1" value="" class="wzhi"/>
									<span style="color: #999;width: initial;">（账号用于登录系统，由字母、数字组成）</span>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="s-one"><span>真实姓名:</span>
									<input type="text" name="" id="input2" value="" class="wzhi"/>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="s-one"><span>密码:</span>
									<input type="text" name="" id="input3" value="" class="wzhi"/>
									<span style="display: none;color: red;">*</span>
							</div>
							<div class="s-one"><span>确认密码:</span>
									<input type="text" name="" id="input4" value="" class="wzhi"/>
									<span style="display: none;color: red;">*</span>
									<span style="display: none;color: red;width: 300px;">两次输入的密码不一致！</span>
							</div>
							<div class="s-one"><span>负责人姓名:</span>
									<input type="text" name="" id="input5" value="" class="wzhi"/>
									<span style="display: none;color: red;">姓名为必填项。</span>
							</div>
							<div class="s-one"><span>手机号码:</span>
									<input type="text" name="" id="input6" value="" class="wzhi"/>
									<span style="display: none;color: red;width: 300px;">手机号码格式不正确</span>
							</div>
							<div class="s-one"><span>电子邮件:</span>
									<input type="text" name="" id="input7" value="" class="wzhi"/>
									<span style="display: none;color: red;width: 300px;">邮件格式不正确。</span>
							</div>
							<div class="group-radio">
								<span>是否锁定：</span>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai" /><i></i>
									</div>
									<span>已锁定</span>
								</div>
								<div class="i-radio d-i-b">
									<div class="f-inp-r">
										<input type="radio" name="zhuangtai" checked="checked"/><i class="ii"></i>
									</div>
									<span>未锁定</span>
								</div>
							</div>
							<div align="center">	
								<input type="submit" value="保存" id="save" style="width: 96px;height: 26px;background: #008b98;color: white;"/>
								<input type="button" value="返回" id="back" onclick="window.location.href='xtsz5.html'"style="width: 96px;height: 26px;background: #008b98;color: white;margin-left: 36px;"/>
							</div>
					   </form>
				  </div>
				</div>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var bw=$('body').width();
			$('.mask').width(bw-247);
			$(':submit').on('click',function(){
				$('#input1').nextAll().eq(1).css('display','none');
				$('#input2').nextAll().eq(0).css('display','none');
				$('#input3').nextAll().eq(0).css('display','none');
				$('#input4').nextAll().eq(0).css('display','none');
				$('#input4').nextAll().eq(1).css('display','none');
				$('#input5').nextAll().eq(0).css('display','none');
				$('#input6').nextAll().eq(0).css('display','none');
				$('#input7').nextAll().eq(0).css('display','none');
				var input1=$.trim($('#input1').val());
				var input2=$.trim($('#input2').val());
				var input3=$.trim($('#input3').val());
				var input4=$.trim($('#input4').val());
				var input5=$.trim($('#input5').val());
				var input6=$.trim($('#input6').val());
				var input7=$.trim($('#input7').val());
				var r1=/0?(13|14|15|18)[0-9]{9}/;
				var r2=/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/;
				if(!input1){
					$('#input1').nextAll().eq(1).css('display','inline-block');
					return false;
				}else if(!input2){
					$('#input2').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(!input3){
					$('#input3').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(!input4){
					$('#input4').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(input3!=input4){
					$('#input4').nextAll().eq(1).css('display','inline-block');
					return false;
				}else if(!input5){
					$('#input5').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(!r1.test(input6) &&input6){
					$('#input6').nextAll().eq(0).css('display','inline-block');
					return false;
				}else if(!r2.test(input7)&&input7){
					$('#input7').nextAll().eq(0).css('display','inline-block');
					return false;
				}
				else{
					return true;
				}
			})
		</script>
	</body>
</html>